iT邦幫忙

2024 iThome 鐵人賽

DAY 11
0
JavaScript

JavaScript 基礎:端開發的第一步系列 第 11

函數的定義與使用

  • 分享至 

  • xImage
  •  

第十一天:函數的定義與使用

函數允許我們將代碼封裝成可重複使用的單位,讓代碼更具組織性和可維護性。

1. 函數的定義

在 JavaScript 中,函數可以通過關鍵字function 來定義。函數可以包含參數和返回值,用來執行多步驟操作或處理數據。

語法:
function 函數名稱(參數1, 參數2, ...) {
// 函數內部的代碼
return 返回值;
}

範例:

function greet(name) {
return "Hello, " + name + "!";
}

console.log(greet("Alice")); // 輸出 "Hello, Alice!"

2. 函數參數

函數可以接受一個或多個參數,這些參數在函數調用時會被傳遞進去,並在函數內部使用。

範例:
function add(a, b) {
return a + b;
}

console.log(add(5, 3)); // 輸出 8

3. 函數的返回值

函數可以使用 return 關鍵字來返回一個結果。如果沒有使用 return,函數會返回 undefined。

範例:
function multiply(x, y) {
return x * y;
}

let result = multiply(4, 5);
console.log(result); // 輸出 20

4. 函數的調用

函數的調用(或執行)是通過寫下函數名稱並傳遞參數來實現的。當函數被調用時,函數內部的代碼會被執行。

範例:
function sayHello() {
console.log("Hello, world!");
}

sayHello(); // 輸出 "Hello, world!"

5. 函數表達式

除了使用 function 關鍵字定義函數,你還可以將函數存儲在變量中,這被稱為 函數表達式(Function Expression)

範例:
let square = function(num) {
return num * num;
};

console.log(square(4)); // 輸出 16

6. 匿名函數

匿名函數是沒有名稱的函數,通常用作回調函數或立即執行的函數表達式。

範例:
setTimeout(function() {
console.log("這是匿名函數!");
}, 1000);

7. 函數的用途

函數可以用來:

  • 封裝重複代碼,提高代碼的可重用性。
  • 模組化代碼,讓代碼更加結構化。
  • 處理不同的輸入並生成對應的輸出。

8. 函數的範例:計算平方

我們可以使用函數來計算任意數字的平方:

範例:
function square(num) {
return num * num;
}

let result = square(5);
console.log(result); // 輸出 25

9. 高階函數

函數可以作為其他函數的參數或返回值,這些函數被稱為 高階函數(Higher-Order Functions)

範例:
function executeTwice(fn) {
fn();
fn();
}

executeTwice(function() {
console.log("執行一次!");
});


上一篇
運用前九天內容
下一篇
作用域與閉包
系列文
JavaScript 基礎:端開發的第一步13
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言